home *** CD-ROM | disk | FTP | other *** search
/ MacFormat 2001 May / macformat_103_may_2001.iso / Mac OS X Shareware / Fizilla / res / forms.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-03-26  |  7.8 KB  |  378 lines  |  [TEXT/MOSS]
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is mozilla.org code.
  13.  *
  14.  * The Initial Developer of the Original Code is Netscape
  15.  * Communications Corporation.  Portions created by Netscape are
  16.  * Copyright (C) 1998 Netscape Communications Corporation. All
  17.  * Rights Reserved.
  18.  *
  19.  * Contributor(s): 
  20.  */
  21.  
  22. /** 
  23.   Styles for old GFX form widgets
  24.  **/ 
  25.  
  26.  
  27. @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
  28.  
  29. :fieldset-content {
  30.   display: block;
  31. }
  32.  
  33. form {
  34.   display: block;
  35.   margin: 0 0 1em 0;
  36. }
  37.  
  38. /* miscellaneous form elements */
  39.  
  40. label {
  41.   /* our <label> support is badly broken. (b=47149) */
  42.   vertical-align: bottom;
  43.   padding-left: 3px;
  44.   padding-right: 3px;
  45. }
  46.  
  47. legend {
  48.   padding-left: 2px;
  49.   padding-right: 2px;
  50.   border: none;
  51. }
  52.  
  53. fieldset {
  54.   display: block;
  55.   border: 2px solid black;
  56.   padding: 4px 4px 4px 4px;
  57.   margin-left: 2px;
  58.   margin-right: 2px;
  59. }
  60.  
  61. /* default inputs, text inputs, and selects */
  62. input {
  63.   background-color: -moz-field;
  64.   border: 2px inset ThreeDFace;
  65.   color: WindowText;
  66.   cursor: text;
  67.   font: field;
  68.   text-align: start;
  69.   vertical-align: bottom;
  70.   -moz-box-sizing: border-box;
  71.   -moz-user-focus: normal;
  72.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#inputFields");
  73.   padding: 1px 0 1px 0;
  74. }
  75.  
  76. textarea {
  77.   background-color: -moz-field;
  78.   border: 2px inset ThreeDFace;
  79.   color: WindowText;
  80.   cursor: text;
  81.   font: field;
  82.   margin: 1px 0 1px 0;
  83.   text-align: start;
  84.   vertical-align: bottom;
  85.   -moz-box-sizing: border-box;
  86.   -moz-user-focus: normal;
  87.   -moz-binding: url("resource:///res/builtin/platformHTMLBindings.xml#textAreas");
  88. }
  89.  
  90. :-moz-singleline-textcontrol-frame {
  91.   overflow: hidden;
  92.   white-space: nowrap;
  93.   background-color: inherit;
  94.   text-align: inherit;
  95. }
  96.  
  97. select {
  98.   font: list;
  99.   background-color: -moz-field;
  100.   border: 2px inset ThreeDFace;
  101.   margin: 0;
  102.   vertical-align: bottom;
  103.   color: WindowText;
  104.   white-space: nowrap;
  105.   text-align: start; 
  106.   cursor: default;
  107.   -moz-user-select: none;
  108.   -moz-user-focus: normal;
  109.   -moz-box-sizing: border-box;
  110. }
  111.  
  112. select[size] {
  113.   padding: 1px 0 1px 0;
  114. }
  115. select[size="1"] {
  116.   padding: 0;
  117. }
  118.  
  119. select > input[type="button"] {
  120.   position: static ! important;
  121.   white-space: nowrap;
  122.   background-image: url("arrow.gif") !important;
  123.   background-repeat: no-repeat !important;
  124.   background-position: center !important;
  125.   width: 12px;
  126.   height: 12px;
  127.   -moz-user-focus: none;
  128. }
  129.  
  130. select > input[type="button"]:active {
  131.   background-image: url("arrowd.gif") !important;
  132. }
  133.  
  134. select[size], :-moz-select-scrolled-content {
  135.   overflow: -moz-scrollbars-vertical;
  136. }
  137.  
  138. select:-moz-dummy-option { 
  139.   visibility: hidden; 
  140.   content: "XX"; /* demo 8, edge case test 1 */
  141. }
  142.  
  143. :-moz-display-comboboxcontrol-frame {
  144.   overflow: hidden;
  145.   white-space: nowrap;
  146.   background-color: inherit;
  147.   color: inherit;
  148.   text-align: inherit;
  149.   padding: 1px 0 1px 4px;
  150.   -moz-user-select: none;
  151. }
  152.  
  153. option {
  154.   min-height: 1em;
  155.   display: block;
  156.   -moz-user-select: none;
  157.   -moz-user-focus: none;
  158. }
  159.  
  160. select > option {
  161.   padding: 0 5px 0 3px;
  162. }
  163.  
  164. option[-moz-option-selected] {
  165.   color: HighlightText ! important;
  166.   background-color: Highlight ! important;
  167. }
  168.  
  169. optgroup {
  170.   display: block;
  171.   font: list;
  172.   font-style: italic;
  173.   font-weight: bold;
  174.   -moz-user-select: none;
  175.   -moz-user-focus: none;
  176. }
  177.  
  178. optgroup > option {
  179.   padding-left: 20px;
  180.   font-style: normal;
  181.   font-weight: normal;
  182. }
  183.  
  184. optgroup:before {
  185.   display: block;
  186.   content: attr(label);
  187. }
  188.  
  189. :-moz-dropdown-list {
  190.   background-color: inherit;
  191.   border: 1px outset ThreeDFace; 
  192.   border-top-style: none;
  193.   z-index: 2147483647;
  194.   -moz-user-select: none;
  195. } 
  196.  
  197. input[disabled],
  198. textarea[disabled],
  199. option[disabled],
  200. select[disabled],
  201. select[disabled] > :-moz-display-comboboxcontrol-frame {
  202.   color: GrayText;
  203.   cursor: default;
  204. }
  205.  
  206. /* hidden inputs */
  207. input[type="hidden"] {
  208.   border: none;
  209.   visibility: hidden;
  210.   -moz-binding: none;
  211. }
  212.  
  213. /* image buttons */
  214. input[type="image"] {
  215.   border: none;
  216.   vertical-align: baseline;
  217.   background-color: transparent;
  218.   cursor: pointer;
  219.   font-family: sans-serif;
  220.   font-size: small;
  221.   -moz-binding: none;
  222.   padding: 0;
  223. }
  224.  
  225. input[type="image"][disabled] {
  226.   cursor: default;
  227. }
  228.  
  229. input[type="image"]:focus {
  230.   -moz-outline: 1px dotted WindowText;
  231. }
  232.  
  233. /* file selector */
  234. input[type="file"] {
  235.   white-space: nowrap;
  236.   border: none;
  237.   cursor: default;
  238.   -moz-binding: none;
  239.   padding: 0;
  240. }
  241.  
  242. /* button part of file selector */
  243. input[type="file"] > input[type="button"] {
  244.   height: inherit;
  245. }
  246.  
  247. input[type="file"] > input[type="button"]:-moz-focus-inner
  248.  {
  249.   padding: 0px 2px 0px 2px;
  250.   border: 1px dotted transparent;
  251. }
  252.  
  253. /* radio buttons */
  254. input[type="radio"] {
  255.   border: 2px inset ThreeDFace;
  256.   background-color: -moz-field;
  257.   color: WindowText;
  258.   width: 12px;
  259.   height: 12px;
  260.   cursor: default;
  261.   vertical-align: baseline;
  262.   -moz-border-radius: 100%;
  263.   -moz-binding: none;
  264.   padding: 0;
  265. }
  266.  
  267. /* check boxes */
  268. input[type="checkbox"] {
  269.   border: 2px inset ThreeDFace;
  270.   background-color: -moz-field;
  271.   color: WindowText;
  272.   width: 13px;
  273.   height: 13px;
  274.   cursor: default;
  275.   vertical-align: bottom;
  276.   -moz-binding: none;
  277.   margin: 3px 4px 3px 4px;
  278.   padding: 0;
  279. }
  280.  
  281. /* common features of radio buttons and check boxes */
  282. input[type="radio"][disabled],
  283. input[type="radio"][disabled]:active,
  284. input[type="radio"][disabled]:hover,
  285. input[type="radio"][disabled]:hover:active,
  286. input[type="checkbox"][disabled],
  287. input[type="checkbox"][disabled]:active,
  288. input[type="checkbox"][disabled]:hover,
  289. input[type="checkbox"][disabled]:hover:active {
  290.   padding: 1px;
  291.   border: 1px inset ThreeDShadow;
  292.   background-color: GrayText;
  293. }
  294.  
  295. input[type="checkbox"]:focus,
  296. input[type="radio"]:focus {
  297.   border-style: groove;
  298. }
  299.  
  300. input[type="checkbox"]:hover:active,
  301. input[type="radio"]:hover:active {
  302.   border-style: inset;
  303.   background-color: ThreeDHighlight;
  304. }
  305.  
  306. :-moz-radio {
  307.   background-color: WindowText;
  308.   width: 4px;
  309.   height: 4px;
  310.   left: 6px;
  311.   top: 6px;
  312.   -moz-border-radius: 3px;
  313. }
  314.  
  315. /* buttons */
  316. button, 
  317. input[type="reset"],
  318. input[type="button"],
  319. input[type="submit"] { 
  320.   border: 2px outset ButtonFace;
  321.   background-color: ButtonFace;
  322.   color: ButtonText; 
  323.   padding: 0px 1px 0px 1px;
  324.   font: button;
  325.   cursor: default;
  326.   white-space: pre;
  327.   -moz-box-sizing: border-box;
  328.   -moz-user-select: none;
  329.   -moz-user-focus: normal;
  330.   -moz-binding: none;
  331. }
  332.  
  333. :button-content {
  334.   display: block;
  335.   text-align: center;
  336. }
  337.  
  338. button:active:hover,
  339. input[type="reset"]:active:hover,
  340. input[type="button"]:active:hover,
  341. input[type="submit"]:active:hover {
  342.   border-style: inset;
  343.   padding: 2px 0 0 2px;
  344. }
  345.  
  346. button:-moz-focus-inner,
  347. input[type="reset"]:-moz-focus-inner,
  348. input[type="button"]:-moz-focus-inner,
  349. input[type="submit"]:-moz-focus-inner {
  350.   padding: 1px 2px 1px 2px;
  351.   border: 1px dotted transparent;
  352. }
  353.  
  354. button:focus:-moz-focus-inner,
  355. input[type="reset"]:focus:-moz-focus-inner,
  356. input[type="button"]:focus:-moz-focus-inner,
  357. input[type="submit"]:focus:-moz-focus-inner {
  358.   border-color: ButtonText;
  359. }
  360.  
  361. button[disabled]:active, button[disabled],
  362. input[type="reset"][disabled]:active,
  363. input[type="reset"][disabled],
  364. input[type="button"][disabled]:active,
  365. input[type="button"][disabled],
  366. input[type="file"][disabled] > input[type="button"],
  367. input[type="file"][disabled] > input[type="button"]:active,
  368. select[disabled] > input[type="button"],
  369. select[disabled] > input[type="button"]:active,
  370. input[type="submit"][disabled]:active,
  371. input[type="submit"][disabled] {
  372.   border: 1px outset ButtonShadow;
  373.   padding: 1px 1px 1px 1px;
  374.   color: GrayText;
  375. }
  376.  
  377.  
  378.